Comparison of HTML5 and Flash

HTML5 can sometimes be used as an alternative to Adobe Flash.[1] Both include features for playing audio and video within web pages, and using integrated SVG, vector graphics are possible with both.

A common misconception is that HTML5 can provide animation and interactivity within web pages, which is untrue.[2] Either JavaScript or CSS 3 is necessary for animating HTML elements. Animation using JavaScript is also possible with HTML 4.

Contents

Comparison

Current availability

Adobe Flash

Flash has been in existence since 1996 and, because of this, has a strong base of developers and users. According to Adobe statistics, Flash had reached 98% penetration in March 2010.[3]

The latest version of the Adobe Flash Player runs on Microsoft Windows, Mac OS X, Linux, Android 2.2+, RIM QNX and Google TV. Earlier versions run on PlayStation 3 (Flash 9), and PSP (Flash 6). Adobe Flash Lite runs on Wii, Symbian, Maemo Linux, Windows Mobile, and Chumby.

Apple does not allow Flash to run on iOS, the operating system which runs on iPad, iPhone, iPod Touch and 2nd-gen Apple TV. Apple stated that it had no plans to do so.[4]

HTML5

Work on the HTML5 specification began in 2003 and, as of January 2011, the standard was in working draft state.[5] The standard currently contains bugs.[6] In 2006, editor Ian Hickson suggested the standard wouldn't be published until 2022.[7]

As of March 2011 versions of browsers such as Internet Explorer, Mozilla Firefox, Opera, Google Chrome, and Apple Safari implement HTML5 to a large degree. However, many Internet users continue using older browsers such as Internet Explorer 8, so portions of the HTML5 specification do not work with a significant fraction of browsers still in use.

Website adoption

According to Adobe,

In contrast, some video sites, including YouTube, Vimeo and blip.tv, have implemented a degree of experimental support for HTML5 video.[9] Steve Jobs noted that Flash is not an open standard – it is controlled by Adobe Systems – whereas HTML5 is largely controlled by a committee (WHATWG) made up of three companies – Opera Software, the Mozilla Foundation, and Apple.[4]

Performance

Some users – especially those on Mac OS X and Linux – have complained about the relatively high CPU usage of Flash for video playback.[10] This was partially because the Flash plugin did not use the GPU to render video. Adobe has responded to some of those criticisms in the 10.1 and 10.2 releases of the Flash plugin by offloading H.264 video decoding to dedicated hardware and by introducing a new video API called Stage Video.[11] In addition, the use of the newer ActionScript 3.0 inside Flash movies instead of the older ActionScript 2.0 improves code execution speed by a factor of around 10. But older websites that use ActionScript 2.0 will not benefit from this.[12] Another reason for poor Flash performance is that some Flash developers incorrectly code their Flash files which can be a problem with "HTML5" animations as well.[13]

Authoring

Constructing Flash websites using Adobe tools is relatively easier than with integrated development environments for CSS, HTML, and JavaScript,[14] however, many of Adobe's tools are expensive.[14]

It obviously takes time for tooling for HTML5 to get on the market, however Adobe has released a first version of a Flash to HTML5 conversion tool for existing content[15] and are working on creating new tooling for HTML5 as well, like Adobe Edge.[16]

Because HTML5 is an open format (like SWF) any toolmaker can build them, the first ones like Hype are already on the market.

Features

Flash has the ability to specify measurements in sub-pixel increments. This can result in a crisper and generally more pleasant appearance of Flash web sites. When confronted with CSS and HTML measurements on a sub-pixel scale, web browsers will round either up or down, depending on the browser, which leads to inconsistency and unreliability in the display of those pages.[14]

Flash offers webcam and DRM support, while HTML and related technologies currently do not.

There are however people working on adding "device support" (device API) to the HTML5 specification, which would allow for videoconferencing, access to webcams, microphones, USB-thumbdrives and other USB- or serial devices.[17][18]

Feasibility of DRM in HTML

HTML5 does not include any digital rights management functionality. Implementations can support DRM outside the scope of HTML, for example in codecs.[19]

Cross-Platform Reach

Speaking at Adobe Max, Itai Asseo said that, unlike HTML 5, Flash offers a great way to develop applications that work across platforms. HTML 5, on the other hand, is implemented differently (if at all) by different browsers. Although the Flash browser plugin isn't supported on the Apple iPhone OS, Flash applications can still be exported to Adobe AIR, which does run on that operating system as a native application. In the same talk, Mr. Asseo lamented the return to another browser war (like what was seen in the late 1990s). If Flash falls out of favor, he argues, web developers will have to either (1) develop many different versions of their web sites and native applications to take into account different HTML 5 implementations, (2) deny access to browsers that do not support their version of HTML, or (3) dramatically reduce the functionality of their sites in order to deliver content to the least-advanced browser.[20]

Accessibility issues and search engines

Both Flash and HTML text can be read by screen readers. However, special care must be taken to ensure Flash movies are read correctly. For example, if a Flash movie is set to repeat indefinitely, this can cause a screen reader to repeat the content endlessly. If the user is using the WindowEyes screen reader, they can press ALT + SHIFT + M to stop the animation. Also, selecting the "Make object accessible" check box in Adobe Flash Professional will create a text-only version of the object for screen readers. It will also hide any motion from the screen reader.[21]

Both Flash content and HTML content can be indexed by Google, Yahoo!, and Bing, although bi-directional text (e.g., Hebrew) is not supported by Google.[22][23] Yahoo! added support for indexing Flash sites in 2008, although Google had been able to index them for several years before that. Bing added support for Flash sites in 2010.

Apple and Flash

Apple has been promoting HTML5 as an alternative to Flash for video and other content on the iOS, citing performance reasons for not allowing the Flash runtime to be installed on iOS.[4][24] Flash as a runtime is not available on Apple's iOS devices: iPhone, iPod touch and iPad[24] but can be compiled as a native iOS application through Adobe's iOS packager in Flash CS5 Professional. According to Adobe Labs, Adobe's iOS Packager “offers Flash developers a fast and efficient method to reuse existing code from ActionScript 3 projects to deliver native applications on iOS devices”.[25]

In April 2010, Steve Jobs, the co-founder and then-chief executive officer of Apple[26] criticized Flash technology in an open letter posted to Apple's website, offering an explanation for why Apple does not support Flash on its mobile devices. Among his criticisms were that "Flash was created during the PC era – for PCs and mice," and that "Flash is no longer necessary to watch video or consume any kind of web content." He also described Flash's performance and security as sub-standard.[27]

In November 2010, a Wired columnist said "allowing Flash — which is a development platform of its own — [on the iPhone] would just be too dangerous for Apple, a company that enjoys exerting total dominance over its hardware and the software that runs on it. Flash has evolved from being a mere animation player into a multimedia platform capable of running applications of its own. That means Flash would open a new door for application developers to get their software onto the iPhone: Just code them in Flash and put them on a web page. In so doing, Flash would divert business from the App Store, as well as enable publishers to distribute music, videos and movies that could compete with the iTunes Store." [28]

Also in April 2010, Apple modified its iOS developer agreement to limit the development of iOS apps to the use of a small set of Apple-approved programming languages and tools. Adobe's iOS packager was seen as the target of these new rules.[29] However, because the new rules were broadly written, and did not cite Adobe's iOS Packager specifically, they also potentially restricted the development of many popular iOS games and applications created using other non-approved application frameworks, such as MonoTouch, Unity3D, and Lua.[30]

In September 2010, after having "listened to our developers and taken much of their feedback to heart",[31] Apple removed the restrictions on third-party tools, languages and frameworks, removing uncertainty from developers who used these third-party tools, and again allowing the deployment of Flash applications on iOS using Adobe's iOS Packager.[32]

See also

Computer science portal
Internet portal

References

  1. ^ Bilton, Nick (June 30, 2010). "Amazon to Introduce Web-Based Book Previews". Bits. The New York Times. http://bits.blogs.nytimes.com/2010/06/30/amazon-to-launch-web-based-book-previews/. Retrieved December 26, 2010. 
  2. ^ James Williamson (August 23, 2010). "What HTML5 is (and what it isn't)". HTML5 First Look (Lynda.com). http://www.lynda.com/home/DisplayCourse.aspx?lpk2=67161. 
  3. ^ Shankland, Stephen (February 3, 2010). HTML vs. Flash: Can a turf war be avoided?. CNET News. http://news.cnet.com/8301-30685_3-20000037-264.html. Retrieved December 26, 2010. 
  4. ^ a b c Jobs, Steve (April 2010). "Thoughts on Flash". Apple Inc.. http://www.apple.com/hotnews/thoughts-on-flash/. Retrieved May 1, 2010. 
  5. ^ "HTML Current Status". World Wide Web Consortium. http://www.w3.org/standards/techs/html#w3c_all. 
  6. ^ "Bug/Issue Tracking Service". World Wide Web Consortium. 10 December 2010. http://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=&product=HTML+WG&long_desc_type=allwordssubstr&long_desc=&bug_file_loc_type=allwordssubstr&bug_file_loc=&status_whiteboard_type=allwordssubstr&status_whiteboard=&keywords_type=allwords&keywords=&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&emailassigned_to1=1&emailtype1=exact&email1=ian%40hixie.ch&emailtype2=substring&email2=&bugidtype=include&bug_id=&votes=&chfieldfrom=&chfieldto=Now&chfieldvalue=&cmdtype=doit&order=Reuse+same+sort+as+last+time&field0-0-0=noop&type0-0-0=noop&value0-0-0=. Retrieved 11 December 2010. 
  7. ^ James, Justin (August 27, 2008). "HTML 5 Editor Ian Hickson discusses features, pain points, adoption rate, and more". TechRepublic. http://blogs.techrepublic.com.com/programming-and-development/?p=718. 
  8. ^ "The Truth About Flash". Adobe Systems. http://www.adobe.com/choice/flash.html. Retrieved January 6, 2010. 
  9. ^ Kingsley-Hughes, Adrian (January 31, 2010). "IPad Can't Play Flash Video, but It May Not Matter". The New York Times (ZDNet). http://www.zdnet.com/blog/hardware/why-theres-no-flash-on-the-iphoneipad-and-why-there-shouldnt-be-flash-on-android/8455. Retrieved December 26, 2010. 
  10. ^ "Flash – CPU Usage – FPS – Frame Rate." Online posting. 10 Dec 2008. Reader discussions, Adobe Support Forums. 10 Dec 2010. http://forums.adobe.com/thread/230334
  11. ^ Dachis, Adam (December 1, 2010). "Adobe Releases Flash 10.2 Beta, Reduces CPU Usage During Video Playback". Lifehacker. http://lifehacker.com/5702983/adobe-releases-flash-102-beta-reduces-cpu-usage-during-video-playback. Retrieved December 27, 2010. 
  12. ^ "ActionScript 3.0 overview". Adobe Systems. 2006. http://www.adobe.com/devnet/actionscript/articles/actionscript3_overview.html. 
  13. ^ Skinner, Grant (October 2010). "Quick as a Flash". Adobe MAX 2010. http://2010.max.adobe.com/schedule/by-session/quick-as-a-flash/471c495b-7ddf-4c0c-936b-609916f11e85. 
  14. ^ a b c Wayner, Peter (June 2, 2010). "HTML5 vs. Flash: The case for Flash". InfoWorld. http://www.infoworld.com/d/developer-world/html5-vs-flash-the-case-flash-721?page=0,1. Retrieved January 5, 2011. 
  15. ^ [1]
  16. ^ [2]
  17. ^ http://ajaxian.com/archives/video-conferencing-with-the-html5-device-element
  18. ^ http://www.whatwg.org/specs/web-apps/current-work/complete/
  19. ^ http://www.w3.org/html/wiki/FAQs#Is_there_support_for_digital_rights_management_.28DRM.29_in_HTML5_video.3F
  20. ^ Itai Asseo, "The Death of Flash," <http://tv.adobe.com/watch/max-2011-envision/the-death-of-flash/> [Accessed November 19, 2011]
  21. ^ "Adobe Flash accessibility design guidelines," Adobe Systems, [Retrieved May 21, 2011], <http://www.adobe.com/accessibility/products/flash/animation.html>
  22. ^ "Flash and other rich media files," [Retrieved May 21, 2011], <http://www.google.com/support/webmasters/bin/answer.py?answer=72746#1>
  23. ^ "Google, Yahoo spiders can now crawl through Flash sites," Ars Technica, [Retrieved May 21, 2011], <http://arstechnica.com/old/content/2008/07/google-yahoo-spiders-can-now-crawl-through-flash-sites.ars>
  24. ^ a b Shankland, Stephen (April 29, 2010). "Jobs: Why Apple banned Flash from the iPhone". Deep Tech (CNET). http://news.cnet.com/8301-30685_3-20003739-264.html. Retrieved November 13, 2011. 
  25. ^ http://labs.adobe.com/downloads/packagerforiphone.html
  26. ^ url=http://www.apple.com/pr/bios/jobs.html
  27. ^ http://www.apple.com/hotnews/thoughts-on-flash/
  28. ^ Chen, Brian X. (November 17, 2008). "Why Apple Won’t Allow Adobe Flash on iPhone". Gadget Lab (Wired). http://www.wired.com/gadgetlab/2008/11/adobe-flash-on/. Retrieved January 6, 2011. 
  29. ^ Chen, Brian X. (April 8, 2010). "Adobe Apps: Easier to Pass Through the 'i' of a Needle?". Gadget Lab (Wired). http://www.wired.com/gadgetlab/2010/04/iphone-developer-policy/. Retrieved September 1, 2011. 
  30. ^ Gruber, John (April 8, 2010). "New iPhone Developer Agreement Bans the Use of Adobe's Flash-to-iPhone Compiler". Daring Fireball (John Gruber). http://daringfireball.net/2010/04/iphone_agreement_bans_flash_compiler. Retrieved September 1, 2011. 
  31. ^ http://www.technewsworld.com/story/Apple-Eases-iOS-Dev-Clampdown-as-Android-Gains-Ground-70794.html?wlc=1314914262
  32. ^ Sorrel, Charlie (September 9, 2010). "Apple Eases App Development Rules, Adobe Surges". Gadget Lab (Wired). http://www.wired.com/gadgetlab/2010/09/apple-lifts-app-store-flash-ban-publishes-app-review-rules/. Retrieved January 6, 2011. 

External links